{% extends "../base/base.html" %}

{% block header %}
    <h2>房间号:<span id="room_id">{{ result['room_id'] }}</span></h2>
	<title>房间号:{{ result['room_id'] }}</title>
	<style type="text/css">
	h1 {
		padding: 20px 0;
		font-family: sans-serif
	}
	.align-center {
		text-align: center;
	}
</style>
{% end %}
{% block body %}
		<div class="header container">
			<h1>实时消息</h1>
			<ul class="tabs">
				<li class="active">
					<a href="/">DEMO</a>
				</li>
			</ul>
		</div>
		<div class="container">
			<form class="row" id="message_form">
				<div class="span10">
					<div class="clearfix">
						<label >姓名</label>
                        <div class="input">
						    <span id="chat_name">{{ result['username']}}</span>
                        </div>
					</div>
					<div class="clearfix">
						<label for="chat_content">消息</label>
						<div class="input">
							<textarea id="chat_content" name="content" class="xlarge" rows="6"></textarea>
						</div>
					</div>
					<div class="well align-center">
						<input type="submit" class="btn primary" value="发布">
						&nbsp;
						<input type="reset" class="btn" value="清空">
					</div>
				</div>
				<div class="span6" id="message_container">
{#                    {% for id,msg in msgs %}#}
{#                        <div class="alert-message block-message info" id="{{id}}">#}
{#                            {{msg}}#}
{#                        </div>#}
{#					{% end %}#}
					<div class="alert-message block-message success">
						消息服务开始，请输入内容并发送
					</div>
				</div>
			</form>
		</div>
{% end %}
{% block footer %}
    <div class="footer container">
        <p>
            &copy; Copyright  by lucky
        </p>
    </div>
    <script type="text/javascript" src="{{static_url("js/message.js")}}"></script>
{% end %}
